import React, { useState } from 'react';
import { StyleSheet, Text, View ,TextInput} from 'react-native';
import {scaleSizeH,scaleSizeW,setSpText} from '../../util/ScreenUtil.js';
import Icon from "../../assets/fonts/iconfont.js";
export default function Seach(props) {
  // 声明一个新的叫做 “count” 的 state 变量
  const [ ] = useState(0);
  let {BoxStyle,TextInptStyle,children,TextStyle} = props
  BoxStyle={
    width:scaleSizeW(750),
    height:scaleSizeH(102),
    flexDirection:"row",
    alignItems:"center",
     ...BoxStyle
  }
  TextInptStyle={
    width:scaleSizeW(574),
    height:scaleSizeH(75),
    backgroundColor:"#f5f5f5",
    textAlign:"center",
    ...TextInptStyle
  }
  TextStyle={
      fontSize:setSpText(28),
    marginLeft: scaleSizeW(38),
    marginRight: scaleSizeW(15),
  }

  return (
    <View style={BoxStyle}>
        <Text style={TextStyle}>成都<Icon name="arrow-down-m" size= {setSpText(30)}></Icon></Text>
        <TextInput
        caretHidden={true}
        style={TextInptStyle}
        placeholder={children?children:"电影 / 电视剧 / 影人"}
        placeholderTextColor="#c9c9c9"
        >
        </TextInput>
      </View>
  );
}
const styles = StyleSheet.create({
  });